import {createRouter,createWebHistory} from "vue-router";

//这里是创建路由并暴露出去，然后再main.js里面挂在上这个路由
const router = createRouter({
    //路由模式 哈希模式
    history: createWebHistory(),
    routes: [
        {
            path: "/",  //应该就是对应着router-link标签里面的to
            component: () => import("./src/components/login/loginPage")
        },
        {
            //name结和path的意思就是： 让名字为login的Router-view跳转到/login路径对应的页面
            path: "/login",  //应该就是对应着router-link标签里面的to
            component: () => import("./src/components/login/loginPage")
        },
        {
            path: "/python",
            component: () => import("./src/components/item/pythonPage")
        },
        {
            path: "/index",
            component: () => import("./src/components/GraphTwo")
        },
        {
            path: "/nodeInfo/:nodeName",
            name: 'nodeInfo',
            component: () => import("./src/components/item/nodeInfo")
        },
        {
            path: "/nodeInfo2",
            name: 'nodeInfo2',
            component: () => import("./src/components/item/nodeInfo2")
        },
        {
            path: "/jumpToStruct",
            name: 'jumpToStruct', //这个name其实是没有任何用的，在页面里面我们可以通过useRoute拿到这个name参数
            component: () => import("./src/components/item/structPage"),
            children: [ // jumpToStruct路由下的子路由

                {
                    path: 'javaPage',
                    components:{ sturct:() =>  import("./src/components/item/javaPage")}

                },
                {
                    path: 'graphTwo', //千万不要加/ 不然跳转不过去
                    //components 注意要加s  ，  sturct 是sturct 页面里面router-view标签的name值
                    components:{ sturct: () => import("./src/components/GraphTwo") }
                },
                //默认子路由（可选）
                {
                    path: '', // 当访问 /jumpToStruct 时，默认重定向或渲染的子路由
                    redirect: '/jumpToStruct/graphTwo' // 默认重定向到 child1
                }
            ]
        }

    ]
})

//暴露出去路由
export default  router ;
